			*{
				margin: 0;
				padding: 0;
			}
			
			body {
				background-color: rgb(242, 242, 242);
			}
			
			body li {
				list-style-type: none;
			}
			
			#nav {
				padding-top: 10px;
				height: 78px;
				width: 100%;
				background-color: rgb(0, 0, 0);
				opacity: 0.75;
				text-align: center;
				box-shadow: 0px 4px 4px rgb(0 0 0 / 50%);
				position: fixed;
				z-index: 99;
			}
			
			#nav img {
				width: 110px;
			}
			
			#nav ul {
				background-color: #008000;
				width: 100%;
				text-align: center;
				margin-left: 22%;
				margin-bottom: 5px;
			}
			
			#nav li {
				list-style-type: none;
				margin-right: 11%;
				float: left;
			}
			
			#nav a {
				text-decoration: none;
				color: #898989;
				font-size: 0.9em;
			}
			
			#nav a:hover {
				color: #FFFFFF;
			}
			
			#swiper {
				text-align: center;
				padding-top: 120px;
				/*height: 1000px;*/
			}
			
			#swiper img {
				/*width: 580.797px;
                height: 327px;*/
				width: 95%;
			}
			
			#swiper {
				width: 95%;
				margin: 0 auto;
				/*background-color: red;*/
				position: relative;
			}
			
			#swiper p{
				width: 95%;
				/*margin: 0 auto;*/
				/*margin-left: 2%;*/
				background-color: rgb(0, 0, 0, 0.5);
				position: absolute;
				height: 40PX;
				line-height: 40PX;
				left: 2.5%;
				bottom: -20px;
				color: #f2f2f2;
				font-size: 16px;
			}
			
			#corporate {
				/*background-color: #008000;*/
				width: 90%;
				margin: 0 auto;
				color: rgb(102, 102, 102);
				font-family: STKaiti, 微软雅黑;
				border-top: 1px solid rgb(232, 232, 232);
				border-bottom: 1px solid rgb(232, 232, 232);
				margin-top: 50px;
				text-indent: 2em;
				padding-top: 2%;
				padding-bottom: 2%;
				font-size: 16px;
			}
			@media only screen and (max-width: 641px) {
				#nav a{
					font-size: 12.3PX;
				}
				#corporate P{
					font-size: 13.3px;
				}
				
			}
			#link{
				width: 90%;
				margin: 40px auto;
				text-align: center;
			}
			#link img{
				width: 45px;
				margin: 0 15px;
			}
			#content ul li{
				width: 100%;
				/*height: 64%;*/
				margin-bottom: 10%;
				box-shadow: 2px 2px 2px #e3e3e3;
				border-radius: 10px;
			}
			#content ul img{
				width: 100%;
				border-radius: 10px 10px 0 0;
			}
			#content .before{
				width: 100%;
				/*height: 100%;*/
				text-align: center;
				position: relative;
				
				
			}
			#content li h4{
				font-weight: 200;
				font-size: 15px;
				padding: 5px 0;
				text-align: center;
			}
			/*#content li h4:hover +.hidd{
				opacity: 1;
			}*/
			
			#content .hidd{
			color: white;
			width: 100%;
			/*height: 79%;*/
			height: 72%;
			padding-top: 15%;	
			text-align: center;
			background-color: rgba(0,0,0,0.4);
			position: absolute;
			opacity: 0;
			top: 0;
			transition: all 0.8s
			}
			#content li:hover .hidd{
				opacity: 1;
			}
			#content ul{
				width: 31%;
				/*height: 31%;*/
				float: left;
				margin-right: 3.5%;
			}
			#content ul:last-child{
				margin-right: 0;
			}
			#content{
				overflow: hidden;
				/*background-color: darkgoldenrod;*/
				width: 90%;
				margin: 0 auto;
				
			}
			#footer{
				width: 100%;
				height: 200px;
				
				margin-top: 40px;
				padding-top: 10px;
                padding-bottom: 10px;
                background-color: #e0e0e0;
                position: relative;
			}
			#footer p{
				font-size: 12px;
				color: #666666;
				margin-bottom: 0px;
				
			}
			#footer .left{
				height: 100%;
				width: 50%;
				border-right:1px solid #bcbcbc ;
				
				float: left;
			}
			#footer .left img{
				width: 40px;
				float: right;
			}
			#footer .right{
				height: 100%;
				width: 49%;
				float: right;
				}
			#footer .right img{
				width: 90px;
				float: left;
			}
